<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial - scale=1.0">
    <title>名人名言</title>
    <style>
        /* 简单的全局样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans - serif;
        }

        header {
            background-color: #f8f8f8;
            padding: 20px;
            text-align: center;
        }

        nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 10px;
        }

        nav ul li {
            cursor: pointer;
        }

        main {
            padding: 20px;
        }

        section {
            margin-bottom: 20px;
        }

        aside {
            float: right;
            width: 30%;
            padding: 10px;
        }

        footer {
            background-color: #f8f8f8;
            text-align: center;
            padding: 10px;
        }
    </style>
</head>

<body>
<header>
    <h1>名人名言</h1>
    <p>分享名人名言，开始一段触动心灵的智慧之旅跳到内容</p>
</header>
<nav>
    <ul>
        <li>登录</li>
        <li>关于</li>
        <li>名人名言</li>
        <li>英文名言(English)</li>
        <li>心理励志</li>
        <li>心理书籍</li>
        <li>专题活动</li>
        <li>发表</li>
    </ul>
</nav>
<main>
    <section>
        <h2>心理学经典名言的智慧</h2>
        <p>洞察人性的美与丑，认识自我的强与弱。
            一句好的格言能够穿越时间，永不失色、历久弥香，
            它总是能给人们带来心灵的滋养。</p>
        <p>创造力（creativity）有两个词根：
            Crerar 拉丁语的意思是“去创造”，Kramir
            希腊语的意思是“去实现”。所以，创造力不仅仅是
            一种想象力，一种天赋，创造力更是一种将自己的
            想法付诸实现的能力。</p>
        <p>创造力（creativity）有两个词根：Crerar 拉丁语
            的意思是“去创造”，Kramir 希腊语的意思是“去实现”。所以，
            创造力不仅仅是一种想象力，一种天赋，创造力更是一种将自
            己的想法付诸实现的能力。</p>
        <p>发表在 未分类 | 标签：<a href="#">换个
            脑袋去思考</a>，<a href="#">创造力</a> | 留下评论</p>
    </section>
    <section>
        <h2>作者简介</h2>
        <p>如果你还没有注意到你有能力让对方作出你所希望得到的
            反应，那么你就还没有很好地掌握人生的真谛。这
            其实简单到不可思议。如果你希望他人对你感兴趣，
            那么你就要先对他人产生兴趣；如果你想让他人紧张，
            那么你自己首先要紧张起来。就是这么简单。人们会按照
            你对待他们的方式对待你。这其中没有什么秘诀。看看周围
            的人，你可以在与下一个人交流时证实这一点。</p>
        <p>如果你还没有注意到你有能力让对方作出你所希
            望得到的反应，那么你就还没有很好地掌握人生的真
            谛。这其实简单到不可思议。如果你希望他人对你
            感兴趣，那么你就要先对他人产生兴趣；如果你想让他人
            紧张，那么你自己首先要紧张起来。就是这么简单。人们会
            按照你对待他们的方式对待你。这其中没有什么秘诀。看看
            周围的人，你可以在与下一个人交流时证实这一点。</p>
        <p>发表在 未分类 | 标签：<a href="#">怎样出售
            设计创意</a>，<a href="#">温斯顿·丘吉尔</a>
            | 留下评论</p>
    </section>
    <aside>
        <div class="ad">
            <img src="ad.jpg" alt="心理催眠师免费培训计划招募中">
            <h3>心理催眠师免费培训计划 招募中</h3>
            <p>世纪合众心理学院 心理培训第一品牌</p>
        </div>
        <div class="search - area">
            <input type="text" placeholder="点击搜索">
            <div class="tags">
                <p>标签</p>
                <a href="#">60年语录</a>
                <a href="#">《犯罪心理》</a>
                <a href="#">世间百态</a>
                <a href="#">二十四史传说</a>
                <a href="#">名人</a>
                <a href="#">体育人物</a>
                <a href="#">卡耐基</a>
                <a href="#">卡耐基名言</a>
                <a href="#">卡耐基语录</a>
                <a href="#">历史</a>
                <a href="#">友谊爱情</a>
                <a href="#">古代格言</a>
                <a href="#">名人名言</a>
                <a href="#">励志人生</a>
                <a href="#">新闻事件</a>
                <a href="#">李白</a>
                <a href="#">爱情语录</a>
                <a href="#">韩雪语录</a>
            </div>
        </div>
    </aside>
    <section class="ad - bottom">
        <img src="ad_2.jpg" alt="还在说...中式英语？">
    </section>
</main>
<footer>
    <p>All Rights Reserved by Paytopic 来自Paytopic.com的礼物</p>
</footer>
</body>

</html>
